// pages/my/my.js

import {http} from "../../utils/index"

Page({

  /**
   * 页面的初始数据
   */

  

  data: {
    actionDate:{
      items:['拍照','摄像','从相册中选取'],
      hidden:true
    },
    loginData:{
      mobile:"",
      captch:"",
      islogin:false,
      disabled:false
    },
    mobile:"",
    avatar:"../../images/xiaoxin.jpg"
  },

  uploadImage(fileURL) {
    wx.cloud.uploadFile({
      cloudPath:new Date().getTime()+'.png', // 上传至云端的路径
      filePath: fileURL, // 小程序临时文件路径  需要上传的文件   本地路径 
      success: res => {
        // 返回文件 ID
        console.log("上传成功",res);
        //获取文件路径
        this.setData({
          avatar:res.fileID
        })

        wx.setStorageSync('avatar', res.fileID)
      },
      fail: console.error
    })
  },

  takephoto(){
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success: (res)=> {
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePaths = res.tempFilePaths
        this.uploadImage(tempFilePaths[0])
      }
    })
  }, 

  cancelLogin(){
      this.setData({
        "loginData.islogin":false
      })
  },

  confirmLogin(){
      http({
        url:"https://shiwenmz.top:3333/captcha/verify",
        method:"GET",
        data:{
          phone:this.data.loginData.mobile,
          captcha:this.data.loginData.captch
        },
        success:res=>{
          if(res.data.code==200){
            wx.showToast({
              title: '验证码匹配成功',
            })

            wx.setStorageSync("islogin",false)
            wx.setStorageSync("mobile",this.data.loginData.mobile);

            this.setData({
              "loginData.islogin":false,
              "mobile":this.data.loginData.mobile
            })
          }else{
            wx.showToast({
              title: '请求失败',
            })
          }
        }
      })
  },

  sendCaptcha(){
    wx.showLoading({
      title:"请求中..."
    })
    
    wx.request({
      url: 'https://shiwenmz.top:3333/captcha/sent',
      data:{
        phone:this.data.loginData.mobile
      },
      method:"GET",
      success:res=>{
          wx.hideLoading()
          console.log(res)
          if(res.data.code==200){
            wx.showToast({
              title: '验证码发送成功',
            })
          }else{
            wx.showToast({
              title: '请求失败',
            })
          }
      }
    })
  },

  getMobile(e){
      this.setData({
          "loginData.mobile":e.detail.value
      })
  },

  getCaptcha(e){
    this.setData({
        "loginData.captch":e.detail.value
    })
},


  onLogin(){
    this.setData({
      "loginData.islogin" : true
    })
  },

  openmodal(){
    wx.showModal({
      title: '流量警告',
      content: '你正在使用4G网络',
      cancelText:"暂停观看",
      cancelColor:"#515151",
      confirmText:"继续观看",
      confirmColor:"#f00",
      success (res) {
        if (res.confirm) {
          console.log('用户点击确定')
          wx.showToast({
            title: '继续观看',
          })
        } else if (res.cancel) {
          console.log('用户点击取消')
          wx.showToast({
            title: '暂停观看',
          })
        }
      }
    })
  },

  openaction(){
    wx.showActionSheet({
      itemList: this.data.actionDate.items,
      success:(res)=> {
        console.log(res.tapIndex)
        wx.showToast({
          title: this.data.actionDate.items[res.tapIndex] + "成功",
          icon: 'success',
          duration: 2000
        })
      },
      fail (res) {
        console.log(res.errMsg)
      }
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
      this.setData({
        "loginData.islogin":wx.getStorageSync('islogin'),
        "mobile":wx.getStorageSync('mobile')
      })

      if(wx.getStorageSync('avatar')){
        this.setData({
          "avatar":wx.getStorageSync('avatar'),
        })
      }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})